<template>
    <div class="basic-layout">
        <SidebarLayout v-if="menuMode === 'vertical'" />
        <DefaultLayout v-else />
    </div>
</template>

<script lang="ts" setup>
import { ref } from "vue";
import useLayoutStore from "@/stores/layoutStore";
import { storeToRefs } from "pinia";
import SidebarLayout from "./styleComponent/sidebarLayout.vue";
import DefaultLayout from "./styleComponent/defaultLayout.vue";
const layoutStoreData = useLayoutStore();
const { menuMode } = storeToRefs(layoutStoreData);
</script>

<style lang="scss" scoped>
.basic-layout {
    height: 100%;
}
</style>
